<template>
    <div class="pla-tool" @click.stop>
        <div class="pla-tool-name">
            <div @click="close_mun('enter0')" ref="CNtext">{{menuc.head.CNtext}}</div>
            <!--<div v-show="muno.enter0" class="sm_container sm_arrow_bottom sm_container_open" style="display: block; top: 35px; left: 0px;">-->
                <!--<div class="sm_header">-->
                    <!--<h3>选择机场</h3>-->
                    <!--<button type="button" title="关闭菜单 (Esc键)" class="sm_close_button" @click="muno.enter0 = false">×</button>-->
                <!--</div>-->
                <!--<div class="sm_input_area">-->
                    <!--<input type="text" autocomplete="off" class="sm_input" v-model="serText">-->
                <!--</div>-->
                <!--<div class="sm_result_tabs" style="display: none;"></div>-->
                <!--<div class="sm_result_area sm_list_mode">-->
                    <!--<ul class="sm_results" style="display: block; max-height: 300px;">-->
                        <!--<li class="airlist_" v-for="key in cyList" @click="enter_air(key)">{{ key.name}}</li>-->
                        <!--&lt;!&ndash;<li :title="key.name" v-for="key in cyList" @click="enter_air(key)">&ndash;&gt;-->
                            <!--&lt;!&ndash;<div class="sm_selected_icon">&ndash;&gt;-->
                                <!--&lt;!&ndash;<i class="iconfont icon-selected"></i>&ndash;&gt;-->
                            <!--&lt;!&ndash;</div>&ndash;&gt;-->
                            <!--&lt;!&ndash;<div class="sm_item_text">{{key.name}}</div>&ndash;&gt;-->
                        <!--&lt;!&ndash;</li>&ndash;&gt;-->
                    <!--</ul>-->
                <!--</div>-->
            <!--</div>-->
            <input v-show="muno.enter0" placeholder="输入机场或三字码搜索" type="text" autocomplete="off" class="sm_input" v-model="serText">
            <ul v-show="muno.enter0" class="airportList">
                <li class="airlist_" v-for="key in cyList" @click="enter_air(key)">{{ key.name}}</li>
                <!--<li v-for="key in menuc.ariList" class="airlist_" @click="enter_air(key)" :title="key.code">{{ key.name}}</li>-->
            </ul>
        </div>
        <div class="pla-tool-useName">
            <div class="pla-tool-iList">
                <div class="pla-tool-img">
                    <img class="small-head" src="http://img1.3lian.com/2015/gif/w/74/43.jpg" onerror="javascript:this.src='http://img1.3lian.com/2015/gif/w/74/43.jpg'">
                </div>
                <div class="pla-tool-icon"></div>
            </div>
            <div class="useName-n" @click="close_mun('enter1')">{{menuc.head.text}}</div>
            <ul class="se-list" v-if="muno.enter1">
                <li class="sSettings" @click="close_mun('enter1');openAll();to_url('setting')">设置</li>
                <li @click="close_mun('enter1');openAll();to_url('userRespon')">用户反馈</li>
                <li><a href="/userCommit/exportDocument" target="_self">帮助手册</a></li>
                <li @click="close_mun('enter1');logOut()">退出登录</li>
            </ul>
        </div>
        <div class="pla-tool-set">
            <div class="set-gj" @click="close_mun('enter2')">工具</div>
            <ul class="useName-list" v-if="muno.enter2">
                <li @click="openAll();to_url('airLineQuery');close_mun('enter2');">航司信息查询</li>
                <li @click="openAll();to_url('cityQuery');close_mun();close_mun('enter2')">城市信息查询</li>
                <li @click="openAll();to_url('airQuery');close_mun();close_mun('enter2')">机场信息查询</li>
                <!--<li @click="close_mun();close_mun('enter2');">航班号查询</li>-->
                <li id="global-routes" @click="openAirline();close_mun();close_mun('enter2');openAll();to_url('nationSearch');" v-if="mapState!=1">全国航线视图</li>
            </ul>
        </div>
    </div>
</template>
<script>
    import * as vx from 'vuex';
    import bus from '../nationSearch/eventBus'
    export default{
        data(){
            return{
                muno:{
                    enter0:false,
                    enter1:false,
                    enter2:false,
                },
                cityName:[{
                    name:"",
                    code:''
                }],
                nameList:[],
                serText:""
            }
        },
        methods:{
            ...vx.mapActions([
                'openAll',
                'openAirline'
            ]),
            logOut:function(){
                window.sessionStorage.clear();
                window.location.href = '/login';
            },
            to_url:function (url) {
                window.location.href="#/"+url;
            },
            close_mun:function (val) {
                this.muno[val] = !this.muno[val];
                if(val=="enter0"){
                    this.muno.enter1 = false;
                    this.muno.enter2 = false;
                    this.serText = "";
                }else if(val=="enter1"){
                    this.muno.enter0 = false;
                    this.muno.enter2 = false;
                    this.serText = "";
                }else if(val=="enter2"){
                    this.muno.enter0 = false;
                    this.muno.enter1 = false;
                    this.serText = "";
                }
            },
            enter_air:function (val) {
                this.muno.enter1 = false;
                this.muno.enter2 = false;
                this.muno.enter0 = false;
                location.href="indexd?"+"itia="+val.code;
            }
        },
        watch:{
            c_updated:function () {
                this.muno.enter1 = false;
                this.muno.enter2 = false;
                this.muno.enter0 = false;
            },
            serText:function () {

            }
        },
        mounted:function(){
            let _this = this;
            bus.$on("searchAir",function () {
                setTimeout(()=>{
                    _this.$refs["CNtext"].click();
                },150);
            });
        },
        computed:{
            ...vx.mapGetters([
                'menuc',
                'c_updated',
                'mapState'
            ]),
            cyList:function () {
                if(this.serText === ''){
                    return this.menuc.ariList;
                }else{
                    let l = [];
                    this.menuc.ariList.forEach((val)=>{
                        if(val.code.toUpperCase().includes(this.serText) || val.code.toLowerCase().includes(this.serText) || val.name.includes(this.serText)){
                            l.push(val);
                        }
                    });
                    return l;
                }
            }
        }
    }
</script>
<style scoped>
    /*滚动条*/
    ::-webkit-scrollbar-thumb{
        background-color: rgb(195, 195, 195);
        height:50px;
        outline-offset:-2px;
        outline:0px solid #fff;
        -webkit-border-radius:4px;
    }

    /*---鼠标点击滚动条显示样式--*/
    ::-webkit-scrollbar-thumb:hover{
        background-color: rgb(205, 205, 205);
        cursor: pointer;
    }

    /*---滚动条大小--*/
    ::-webkit-scrollbar{
        width:6px;
        height:8px;
    }

    /*---滚动框背景样式--*/
    ::-webkit-scrollbar-track-piece{
        background-color:rgba(153, 153, 153, 0.1);
        -webkit-border-radius:0;
    }
    a:hover, a:visited, a:link, a:active {
        text-decoration: none;
        color: inherit;
    }
    .se-list{
        font-size: 12px;
    }
    .airportList{
        padding: 0;
        max-height: 300px;
        overflow-y: scroll;
        background-color: rgba(0,0,0,.5);
    }
    @charset "utf-8";

    .sm_target_clicked {
        background-color: #e9ecef;
        background-image: none;
        border-color: rgba(27,31,35,0.35);
        box-shadow: inset 0 0.15em 0.3em rgba(27,31,35,0.15);
    }

    /**
     * Container
     */
    .sm_container {
        border: 1px solid #D6D7D7;
        margin: 0;
        padding: 0;
        display: inline-block;
        position: absolute;
        top:0;
        left:0;
        vertical-align: middle;
        min-width: 300px;
        box-sizing: border-box;

        background-color: #F5F5F5;
        border-radius: 2px;
        box-shadow: 0px 3px 12px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 3px 12px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 3px 12px rgba(0,0,0,0.2);
        /*display: none;*/
    }
    .sm_container.sm_regular {
        width: auto;
        min-width: unset;
    }
    .sm_container.sm_embed {
        position: relative;
    }


    .sm_header {
        /*border-bottom: 1px solid #E6E7E7;*/
    }
    .sm_header > h3 {
        margin: 8px 80px 8px 10px;
        color: #24292e;
        font-size: 16px;
        white-space: nowrap;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    }
    .sm_header button{
        position: absolute;
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0;
        outline: none;
        line-height: 100%;
        color: #999999;
        top: 3px;
        font-size: 20px;
    }
    .sm_header button.sm_close_button {
        right: 10px;
        font-size: 25px;
    }
    .sm_header button.sm_removeall_button {
        right: 32px;
    }
    .sm_header button.sm_selectall_button {
        right: 54px;
    }
    .sm_header button:hover {
        color: black;
    }
    .sm_input_area {
        padding: 10px;
    }
    .sm_input {
        display: block;
        border-radius: 2px;
        border: 1px solid #dddddd;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        background-color: white;
        margin: 0px !important;
        width: 100%;
        font-size: 12px;
        line-height: 20px;
        padding: 0 0 0 4px;
        vertical-align: middle;
        box-sizing: border-box;
        outline: none !important;
        height: 30px;
    }
    .sm_input:focus {
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        border: 1px solid #75B9F0;
    }


    /**
     * "Get all" button
     */
    div.sm_button {
        display: inline-block;
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
        cursor: pointer;
        text-align: center;
        box-sizing: border-box;

        border: 0px;
        width: 24px;
        height: 100%;
        padding: 0px;
        vertical-align: middle;
        line-height: 100%;
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .sm_container_open > .sm_button {
        border-bottom-right-radius: 0 !important;
    }

    div.sm_clear_btn {
        position: absolute;
        top: 0;
        right: 25px;
        display: block;
        width: auto;
        height: 100%;
        cursor: pointer;
        font-size: 20px;
        color: #666666;
        margin: 0px;
        padding: 4px 0px 0px 0px;
        box-sizing: border-box;
        line-height: 1;
        font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
    }
    div.sm_clear_btn:hover {
        color: black;
        font-weight: bold;
    }

    /**
     * Results
     */
    .sm_result_area {
        /* background-color: transparent; */
        background-color: white;
        /*border: 1px solid #D6D7D7;*/
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%;
        overflow-y: auto;
    }
    .sm_result_area.sm_list_mode{
        border-top: 1px solid #E6E7E7;
    }
    div.sm_result_area.shadowDown{
        box-shadow: 0px 3px 12px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 3px 12px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 3px 12px rgba(0,0,0,0.2);
    }
    div.sm_result_area.shadowUp{
        box-shadow: 0px -1px 12px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px -1px 12px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px -1px 12px rgba(0,0,0,0.2);
    }
    .sm_result_tabs {
        padding: 0px 10px;
        border-bottom: 1px solid #E6E7E7;
    }
    .sm_result_tabs ul {
        position: relative;
        bottom: -1px;
        padding: 0px;
        margin: 0px;
    }
    .sm_result_tabs ul li {
        display: inline-block;
    }
    .sm_result_tabs ul li a {
        display: inline-block;
        padding: 7px 10px 3px;
        font-size: 14px;
        color: #6a737d;
        text-decoration: none;
        cursor: pointer;
        line-height: 100%;
        background: transparent;
        border: 1px solid transparent;
        border-radius: 3px 3px 0 0;
        font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
    }
    .sm_result_tabs ul li a.active {
        color: #24292e;
        background-color: #fff;
        border-color: #dfe2e5;
        border-bottom-color: #fff;
        font-weight: bold;
    }
    /* menu arrow */
    .sm_arrow,
    .sm_arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }
    .sm_arrow {
        border-width: 11px;
    }
    .sm_arrow_bottom > .sm_arrow {
        top: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-width: 0;
        border-bottom-color: #999;
        border-bottom-color: rgba(0,0,0,.25);
    }

    .sm_arrow:after {
        content: "";
        border-width: 10px;
    }
    .sm_arrow_bottom > .sm_arrow:after {
        top: 1px;
        margin-left: -10px;
        content: " ";
        border-top-width: 0;
        border-bottom-color: #fff;
    }
    .sm_arrow_bottom > .sm_arrow.sm_have_title:after {
        border-bottom-color: #f6f6f6;
    }
    /* menu arrow */


    .sm_results {
        background-color: white;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    /* regular menu item style */

    .sm_regular .sm_results {
        padding: 5px 0px;
    }
    .sm_regular .sm_results > li {
        padding: 0px;
    }
    .sm_regular .sm_results > li:hover{
        background-color: #53A4EA;
        color: white;
    }
    .sm_regular .sm_results > li > a {
        width: 100%;
        display: block;
        padding: 7px 10px;
    }
    .sm_regular .sm_results > li:hover a {
        color: white;
    }
    .sm_regular .sm_results > li.sm_disabled,
    .sm_regular .sm_results > li.sm_disabled:hover,
    .sm_regular .sm_results > li.sm_disabled a{
        background-color: white;
        color: #CCCCCC;
        cursor: default;
    }
    .sm_regular .sm_results > li.sm_header,
    .sm_regular .sm_results > li.sm_header:hover,
    .sm_regular .sm_results > li.sm_header a {
        background-color: white;
        color: black;
        font-size: 16px;
        font-weight: 600;
        cursor: default;
    }

    /* regular menu item style */

    .sm_results > li {
        height: auto;
        line-height: 1;
        margin: 0;
        overflow: hidden;
        padding: 3px 10px;
        position: relative;
        text-align: left;
        white-space: nowrap;
        font-size: 14px;
        color: black;
        cursor : pointer;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    }
    .sm_results > li > a {
        color: black;
        text-decoration: none;
    }

    .sm_results > li > div.sm_selected_icon {
        width: 16px;
        margin-right: 10px;
        float: left;
    }
    .sm_results > li > div.sm_selected_icon > i {
        font-size: 16px;
        font-weight: bold;
        line-height: 1.5;
        visibility: hidden;
    }
    .sm_results > li > div.sm_item_text {
        font-size: 14px;
        display: block;
        line-height: 1.7;
    }

    .sm_results > li.sm_message_box {
        height: 30px;
        line-height: 30px;
        text-align: center;
        box-sizing: content-box;
        font-size: 14px;
        cursor: default;
    }
    .sm_results > li.sm_message_box i {
        font-size: 18px;
    }
    .sm_results > li.sm_divider {
        margin: 8px 0px;
        padding: 0px;
        cursor: default;
        overflow: hidden;
        border-bottom: 1px solid #E5E5E5;
    }

    ul.sm_results > li.sm_over {
        background-color: #53A4EA !important;
        color: #fff !important;
        cursor: pointer;
    }

    ul.sm_results > li.sm_selected {
        font-weight: 600;
    }
    ul.sm_results > li.sm_selected > div.sm_selected_icon > i {
        visibility: visible;
    }

    .sm_control_box{
        padding: 0px;
        height: 27px;
        background-color: white;
        border-top: 1px solid #E6E7E7;
    }
    .sm_control_box.sm_two_btn button{
        width: 50%;
    }
    .sm_control_box button{
        height: 26px;
        line-height: 20px;
        width: 33.3%;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        font-size: 13px !important;
        padding: 1px 10px;
        border: 0px;
        background-color: #F5F5F5;
        color: #666666;
        outline: none;
    }
    .sm_control_box button:hover{
        background-color: #EEEEEE;
        color: black;
    }

    /**
     * 多选模式相关样式
     */
    div.sm_container_combo{
        border: 1px solid #CCCCCC;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-sizing: border-box;
    }
    /* 多选模式的禁用状态样式 */
    div.sm_container_combo.sm_disabled,
    div.sm_container_combo.sm_disabled ul.sm_element_box,
    div.sm_container_combo.sm_disabled .sm_input{
        background-color: #eeeeee;
        cursor: not-allowed !important;
    }
    div.sm_container_combo.sm_container_open{
        border-radius: 0px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        border: 1px solid #75B9F0;
    }
    input.sm_combo_input{
        border: 0px;
        box-shadow: none;
        background-color: transparent;
        max-width: 100%;
        padding: 0px;
        height: 30px !important;
        line-height: 30px !important;
        min-height: 30px !important;
    }
    input.sm_combo_input:focus {
        box-shadow: none;
    }
    input.sm_combo_input[readonly],
    input.sm_combo_input[disabled]{
        background-color: white;
    }
    ul.sm_element_box{
        margin: 0px;
        position: relative;
        overflow: hidden;
        clear: both;
        cursor: text;
        margin-right: 24px;
        list-style: none;
        height: auto;
        padding: 4px 0px 0px 5px;
        font-size: 14px;
        min-height: 24px;
    }
    ul.sm_element_box > li{
        list-style: none;
        padding: 0px 5px;
        /* 	margin-left: 5px;
            margin-top: 3px; */
        /* margin-bottom: 2px; */
        float: left;
        height: 19px;
        line-height: 19px;
        position: relative;
        margin: 0px;
        box-sizing: content-box;
    }
    ul.sm_element_box li.full_width {
        width: 100%;
    }
    ul.sm_element_box li.full_width input{
        width: 100% !important;
    }
    ul.sm_element_box li.selected_tag {
        border: 1px solid #AAAAAA;
        border-radius: 3px;
        background-color: #EFEFEF;
        cursor: pointer;
        max-width: 100%;
        box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
        margin-bottom: 2px;
        margin-right: 5px;
    }
    ul.sm_element_box li.input_box {
        padding: 0px;
        /* margin: 0px; */
        margin-top: 0px;
        height: 21px;
        min-height: 21px;
    }
    ul.sm_element_box li.input_box input {
        height: 21px !important;
        line-height: 21px !important;
        min-height: 21px !important;
    }
    ul.sm_element_box li.selected_tag span.tag_close {
        cursor: pointer;
        margin-left: 5px;
        font-size: 15px;
        font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
    }


    /**
     * 加深颜色表示非选中
     */
    .sm_results_off {
        /*background: rgba(255, 255, 255, 0.8);*/
    }

    .sm_input_off {
        background: #eee;
        color: #333333;
    }

    .sm_hide {
        display: none;
    }

    /**
     * Navi
     */
    .sm_navi {
        background: #eee;
        border-bottom: 1px solid #79b;
        font-size: 13px;
        font-weight: normal;
        line-height: 1;
        margin: 0;
        padding: 4px;
        text-align: right;
    }

    .sm_navi > p > a:link,
    .sm_navi > p > a:visited,
    .sm_navi > p > a:hover,
    .sm_navi > p > a:active {
        color: blue;
        font-weight: normal;
        margin: 0 4px;
        text-decoration: underline;
    }

    .sm_navi > p {
        color: black;
        font-size: 15px;
        margin: 0;
        padding-top: 4px;
        text-align: center;
    }

    .sm_navi > p > a >.current {
        color: #00c;
        font-size: 16px;
        font-weight: bold;
    }

    .sm_navi > p >.page_end {
        color: gray;
        font-weight: normal;
        margin: 0 4px;
    }

    .navi_page,
    .navi_first,
    .navi_prev,
    .navi_next,
    .navi_last {
        margin: auto 4px !important;
    }

    .sm_navi > .info {
        margin: 0 !important;
        padding: 0 !important;
    }

    /**
     * Select only
     */
    .sm_container > .sm_select_ng {
        background: #fcc;
    }







    /*输入框设置了input-block-level样式时的特殊情况修复*/
    div.sm_container input.sm_input.input-block-level{
        box-sizing:border-box;
        height: 30px;
        line-height: 30px;
        min-height: 30px;
        width: 100%;
    }

    div.sm_container_open .sm_input::-ms-clear{display:none;}
    /* 移除微软浏览器，在输入框输入文本后，会出现X的问题，but is look like not working */
    input::-ms-clear{display:none;}/*隐藏文本框叉子*/
    input::-ms-reveal{display:none;}/*隐藏密码框小眼睛*/

    div.sm_button span.caret {
        position: absolute;
        top: 50%;
        right: 12px;
        margin-top: -1px;
        vertical-align: middle;
    }
    div.sm_navi > p {
        font-size: 12px;
    }




    /**
     * 分页条样式（基于Bootstrap2的样式进行调整）
     */
    div.sm_result_area div.pagination {
        margin: 0px;
        padding: 0px;
        height: 26px;
        line-height: 26px;
        width: 100%;
        /* border-top: 1px solid #DDDDDD; */
    }
    div.sm_result_area div.pagination ul {
        width: 100%;
    }
    div.sm_result_area div.pagination li{
        text-align: center;
    }
    div.sm_result_area div.pagination>ul>li>a {
        margin: 0px;
        border-radius: 0px;
        padding: 0px;
        line-height: 24px;
        box-shadow:         none;
        -moz-box-shadow:    none;
        -webkit-box-shadow: none;
        background-color: white;

        border: 0px;
        box-sizing: content-box;
        color: #666666;
        font-size: 20px;
        height: 26px;
        line-height: 26px;
    }

    div.sm_result_area div.pagination li.csFirstPage a,
    div.sm_result_area div.pagination li.csPreviousPage a,
    div.sm_result_area div.pagination li.csNextPage a,
    div.sm_result_area div.pagination li.csLastPage a {
        width: 30px;
    }
    div.sm_result_area div.pagination li.csFirstPage a{
        border-left: 0px;
    }
    div.sm_result_area div.pagination li.csLastPage a{
        border-right: 0px;
    }

    div.sm_result_area div.pagination>ul>li>a:hover {
        color: #000000; background-color: #E8E8E8;
    }

    div.sm_result_area div.pagination>ul>li.disabled>a{
        color: #DDDDDD;
        cursor: default;
    }
    div.sm_result_area div.pagination>ul>li.disabled>a:hover {
        color: #DDDDDD;background-color: white;
    }

    div.sm_result_area div.pagination>ul>li.pageInfoBox>a {
        width: 178px;
        text-align: center;
        /* padding-left: 4px;
        padding-right: 4px; */
        color: #666666;
        font-size: 14px;
    }
    div.sm_result_area div.pagination>ul>li.pageInfoBox>a:hover {
        background-color: inherit;
        color: #666666;
        cursor: default;
    }


    .iconfont {
        font-family:"iconfont" !important;
        font-size:14px;
        font-style:normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .icon-warn:before { content: "\e663"; }
    .icon-selectall:before { content: "\e722"; }
    .icon-selected:before { content: "\e72e"; }
    .icon-removeall:before { content: "\e74b"; }
</style>